<html>
  <head>
    <title><%= title %> - memeda</title>
    <link rel='stylesheet' href='stylesheets/bootstrap.css' />
    <link rel="stylesheet"  href="stylesheets/bootstrap-responsive.css">
      <style type="text/css">
      body{
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>
  </head>
  <body>
  	<div class="navbar navbar-fixed-top">
  		<div class="navbar-inner">
  			<div class="container">
  				<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  					<span class="icon-bar"></span>
  					<span class="icon-bar"></span>
  					<span class="icon-bar"></span>
  				</a>
  				<a class="brand" href="/">memeda</a>
  				<div class="nav-collapse">
  					<ul class="nav">
  						<li class="active"><a href="/">Main</a></li>
                                  <%if (!user) {%>
  						<li><a href="/login">Login</a></li>
  						<li><a href="/reg">Reg</a></li>
                                  <%}else{%>
                                      <li><a href="/logout">Logout</a></li>
                                  <%}%>
  					</ul>
  				</div>
  			</div>
  		</div>
	</div>	

	<div id="container" class="container">
             <%if (success) {%>
             <div class="alert alert-success">
                <%=success%>
             </div>
             <%}%>
             <%if (error) {%>
             <div class="alert alert-error">
                <%=error%>
             </div>
             <%}%>
		<%- body %>
		<hr />
		<footer>
			<p><a href="http://www.baidu.com" target="_blank">BAIDU</a> 2014</p>
		</footer>
	</div>
  </body>
  <script src="javascripts/jquery.js"></script>
  <script src="javascripts/bootstrap.js"></script>
</html>